﻿<!DOCTYPE html>
<html><head>
    <!-- BASE META -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- SITE TITLE -->
    <title><<< .title >>></title>
    <!--SITE INFO -->
    <meta name="robots" content="index,follow">
    <meta name="author" content="GrimRock Team">
    <meta name="application-name" content="GrimRock Team">
    <meta name="description" content="we are special . so do you ."/>
    <meta name="keywords" content="魔岩,手机, 主题, 社区, 精品, 图标, ROM, 刷机, 论坛, 免费, 4k,壁纸, emui, miui, cm">
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <!-- INCLUDE STYLE -->
    <link href="static/css/bootstrap.css" rel="stylesheet" type="text/css" />
    <link href="static/css/plugins.css" rel="stylesheet" type="text/css" />
    <link href="static/css/animate.css" rel="stylesheet" type="text/css" />
    <link href="static/css/style.css" rel="stylesheet" type="text/css" />
    <link href="static/css/responsive.css" rel="stylesheet" type="text/css" />
    <!-- SITE FAVICONS -->
    <link rel="shortcut icon" href="static/images/icons/favicon.ico" type="image/x-icon">
    <link rel="apple-touch-icon" href="static/images/icons/apple_icons_57x57.png">
    <link rel="apple-touch-icon" sizes="72x72" href="static/images/icons/apple_icons_72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="static/images/icons/apple_icons_114x114.png">
    <!-- // IE  // -->
	<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
    <!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
    <link href='http://fonts.useso.com/css?family=Open+Sans:800,700,300,600,400' rel='stylesheet' type='text/css'>
    <!-- BASE JAVASCRIPT -->
    <script type="text/javascript" src="static/js/jquery.js"></script>
    <script type="text/javascript" src="static/js/current.js"></script>   
    <script type="text/javascript" src="static/js/jquery-ui.min.js"></script>      
</head>
<body class="animated" data-animated="fadeIn">
    <!-- #page -->
    <div id="page">

        <!-- header section -->
        <<< template "index/section/header.html" >>>
        <!-- //header section -->
        
        <!-- main_slider content -->  
        <<< template "index/section/slider.html" >>>
        <!-- //main_slider content -->  

        <!-- section content -->

            <!-- home content -->
            <<< template "index/section/content_home.html" >>>
            
            <!-- gallery content -->
            <<< template "index/section/content_gallery.html" >>>


            <!-- works content-->
            <<< template "index/section/content_work.html" >>>
            
            <!-- about content-->
            <<< template "index/section/content_about.html" >>>
            
            <!-- Contact content -->
            <<< template "index/section/content_contact.html" >>>
        
        <!-- //section content -->              
        
        <!-- footer section -->
        <<< template "index/section/footer.html" >>>
        <!-- //footer section -->  

    </div>
    <!-- end #page --> 
    <header class="fixed-menu"></header>    			
</body>
</html>